<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目调试模板</title>
    <link rel="stylesheet" href="/javascripts/jslib/esri/api/esri/css/esri.css">
    <link rel="stylesheet" href="/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <style>
        #headerDiv{
            position: absolute;
            top:0px;
            left:0px;
            right: 0px;
            height: 50px;
            background: rgba(115, 211, 255, 0.31);
            text-align: center;

        }
        #mapDiv{
            position: absolute;
            top:0px;
            bottom: 0px;
            left:0px;
            right: 300px;
        }

        #rectDiv{
            position: absolute;
            top: 50px;
            bottom: 0px;
            right: 0px;
            width: 300px;
            border-left: solid 1px gray;
            background: rgba(144, 155, 165, 0.24);
        }
        #conten{
            top: 100px;
            right: 5px;
            position:absolute;
            z-index: 200;

        }

    </style>
    <script>
        var dojoConfig={
            baseUrl:"/javascripts/jslib/esri/api/dojo",
            parseOnLoad:true,
            packages: [
                {
                    name:'keepsoft',
                    location:'/javascripts/keepsoft'
                },
                {
                    name:'d3',
                    location:'/javascripts/jslib/d3'
                },
                {
                    name:'wangwu',
                    location:'/samples/wangwu'

                }
            ]
        }
    </script>
</head>
<body>
<div id="mapDiv">
    <div id="conten">

    </div>
    <div>

    </div>

</div>
<div id="headerDiv">
    <h2 style="text-shadow: 3px 3px 5px #ff2a47;line-height:30px" >
        <marquee width="700" direction="left" align = middle>欢迎来到项目调试页面</marquee>
    </h2>
</div>
<div id="rectDiv">

    <div>
        <select name="selectAge" id="selectAge">
            <option value="http://192.168.1.157:8399/arcgis/rest/services/shanxi/ganqu/MapServer/0">泵站</option>
            <option value="http://192.168.1.157:8399/arcgis/rest/services/shanxi/ganqu/MapServer/3">干渠</option>
            <option value="http://192.168.1.157:8399/arcgis/rest/services/shanxi/ganqu/MapServer/2">支渠</option>
            <option value="http://192.168.1.157:8399/arcgis/rest/services/shanxi/ganqu/MapServer/1">断面</option>
            <option value="5">其他</option>

        </select>
    </div>
    <div>url:<textarea  rows="5" style="width:250px" id="txtValue" value=""></textarea></div>
    <h3>~~~~~~~~~~~~~~~~~~~~~~~</h3>
    <div class="btn-toolbar" role="toolbar" aria-label="...">
        <button id="getStaion" class="btn btn-primary">获取站点</button>
        <div class="btn-group">
            <button type="button" id="other" class="btn btn-success">其他</button>
            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">
                <li><button id="btn1" class="btn btn-info">测距</button></li>
                <li><button id="btn2" class="btn btn-info">框选</button></li>
                <li><button id="btn3" class="btn btn-info" style="margin-top: 8%">获取交点</button></li>
                <li><button id="btn4" class="btn btn-info" style="margin-top: 8%">碰撞分析</button></li>
                <li><button id="btn5" class="btn btn-info" style="margin-top: 8%">点选</button></li>
                <li><button id="btn6" class="btn btn-info" style="margin-top: 8%">影藏鹰眼</button></li>
            </ul>
        </div>
    </div>


    <table id="table" class="table table-hover table-bordered">

        <thead>
        <th>站点名称</th>
        <th>站点编码</th>
        </thead>
        <tbody>
        </tbody>
    </table>

</div>

</body>
<script src="/javascripts/jslib/jquery/jquery-2.1.1.min.js"></script>
<script src="/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="/javascripts/jslib/esri/api/init.js"></script>
<script type="text/javascript" src="test.js">

</script>


</html>